js实现屏蔽"Backspace"(退格)键后退功能的代码

来源:网络整理作者: 发布时间:2020-12-22 16:15

为大家介绍一个屏蔽退格键的代码，javascript实现的，可以屏蔽Backspace退格键，有需要的朋友，可以参考下。...

代码如下：

<html> <head> <title>屏蔽Backspace退格键-</title> <script language="JavaScript" type="text/JavaScript"> //在申请工单时.屏蔽退格键返回上一次浏览页面功能 function backspace(){ if(event.keyCode!=8){ event.returnValue=true; return; } else{ //如果当前焦点在form里,退格键有效,否则无效 if(activeElement()){ //alert("焦点是否在form里: true "); event.returnValue=true; }else{ //alert("焦点是否在form里: false "); event.returnValue=false; } } } function activeElement(){ var forms = document.getElementById("FORM_APPLAY"); if(forms!=null){ if(children(forms)) return true; } return false; } //迭代判断焦点所在 function children(obj){ if(obj==document.activeElement) return false; //如果有子元素 if(obj.hasChildNodes()){ for(var i=0;i<obj.childNodes.length;i++){ if(obj.childNodes[i]==document.activeElement&&obj.childNodes[i].tagName.toLowerCase()!="td"){ if(obj.childNodes[i].type.toLowerCase()=="text"||obj.childNodes[i].tagName.toLowerCase()=="textarea"){ return true; } } if(children(obj.childNodes[i])) return true; } } return false; } </script> </head> <body onkeydown="backspace();"> <form id="FORM_APPLAY" action="xxx"> xxxxxxx </form> </body> </html>